html作用:负责搭建页面结构和内容
hr : 水平分割线
i: 斜体
u: 下划线
s: 删除线
有序列表ol,li组合和无序列表ul,li组合可以任意无线嵌套
src:资源路径
header头
footer脚
main主体
section区域
nav导航
这几个标签的作用和div一样都是块级分区标签
css作用:美化页面
如何在html页面中添加css样式代码
三种引入方式:
内联样式
内部样式
外部样式
元素有哪些状态:
未访问状态link
访问过状态visited
悬停状态hover
点击状态active
三原色:
红red绿green蓝blue每种颜色的取值范围0到255
元素显示方式display的作用:把行内元素改成块级元素block或行内块级元素inline-block都可以修改宽高
margin:外边距
行内元素上下外边距无效
上下相邻彼此添加外边距,取最大值
左右相邻彼此添加外边距,两者相加
overflow:hidden解决粘连问题(当元素的上边缘和上级元素的上边缘重叠时,给元素添加上外边距会出现粘连问题)
padding:内边距
给元素添加内边距会影响元素的显示宽高
css的三大特征:
继承
层叠
优先级
元素的定位方式:
静态定位position:+static文档流定位,无法实现层叠效果
相对定位position:+relative不脱离文档流
绝对定位positiom:+absolute脱离文档流
固定定位position:+fixed脱离文档流
浮动定位float:left/right脱离文档流(练习一下)
补充:
p段落标签,独占一行,自带上下间距(这里指外边距)
th表头caption标题
